<template>
	<view class="rate-item fboxRow Ycenter">
		<template>
			<!-- <u-icon :size="size" :name="item <= num ? 'star-fill': 'star'" :color="item <= num ? activeColor: inactiveColor" :key="index"></u-icon> -->
			<text v-for="(item, index) in count" :key="index" class="bwfont"
			:class="[item <= num ? 'bw-a-ziyuan1' : 'bw-a-ziyuan11', size]"
			:style="{color:item <= num ? activeColor: inactiveColor}"
			></text>
		</template>
	</view>
</template>

<script>
	export default {
		props:{
			num: {
				type: Number,
				default: 0
			},
			'active-color':{
				type: String,
				default: "#CC9870"
			},
			'inactive-color':{
				type: String,
				default: "#CC9870"
			},
			size:{
				type: String,
				default: 'font28'
			}
		},
		data() {
			return {
				count: 5
			}
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.rate-item .bwfont{margin-left: 6rpx;}
</style>
